.house {
  height: 100%;
  :global {
    // 房屋头部
    .house-title {
      background-color: skyblue;
      padding-left: 10px;
      .search {
        position: static;
        top: 0;
        height: 45px;
        padding-left: 0;
      }
      .icon-map {
        color: green;
      }
    }

    // 房屋列表
    .house-list {
      padding: 0 15px;
      // height: 50%;  算的以父元素内容为基准的一半
      // height: 50vh; 不管你在哪, 算的是整个屏幕的一半  (1个屏幕的高, 就是100vh, 分成了100份)
      // calc函数, css3中出的函数, 可以动态的计算一些值
      // 要求: 可以进行 + - * / 运算, 但是如果是 + - 符号两边必须要有空格
      height: calc(100% - 85px);

      .ReactVirtualized__List {
        padding-bottom: 50px;
      }
    }
  }
}
